<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../bk/css/common.css">
<link rel="stylesheet" href="../../bk/css/main.css">
<script type="text/javascript" src="../../bk/js/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		findByAll();
	});
	
	function findByAll(){
		var str='';
		$.post("../../goodsType/findAll",null,function(data){
			for(var i=0;i<data.length;i++){
				str+='<tr > <td><img src="../../'+data[i].pic+'"/></td> <td>'+data[i].tno+'</td> <td>'+data[i].tname+'</td>';
				if(data[i].status==1){
					str+='<td>正常</td> </tr>';	
				}else{
					str+='<td>下架</td> </tr>';	
				}
			}
			
			$("#goodstype_info").html("").append($(str));
		},"json");
	}
</script>
</head>
<body>
<div id="table" class="mt10">
	<div class="box span10 oh">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="list_table">
			<thead>
				<tr>
                   	<th width="15%">类型图片</th>
					<th width="7%">类型编号</th>
                   	<th width="25%">类型名称</th>
                   	<th>类型状态</th>
                </tr>
             </thead>
             <tbody id="goodstype_info" align="center" >
				
				
             </tbody>
		</table>
		<div class="page mt10">
		<div class="pagination">
            <ul>
                <li class="first-child"><a href="#">首页</a></li>
                <li class="disabled"><span>上一页</span></li>
                <li class="active"><span>1</span></li>
                <li><a href="#">2</a></li>
                <li><a href="#">下一页</a></li>
                <li class="last-child"><a href="#">末页</a></li>
            </ul>
		</div>
        </div>
	</div>
</div>

</body>
</html>